<!DOCTYPE html>
<!-- saved from url=(0096)https://msc.jd.com/card/loginpage/wcoo/getBindList?source=4&sid=bcaa06f21d5839155b5fbff3d278a265 -->
<html lang="zh-cn" class="hairlines">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">

    <title>银行卡</title>
    <link rel="icon" type="image/x-icon">
    <link rel="stylesheet" href="/css/银行卡_files/reset.css">
    <link rel="stylesheet" href="/css/银行卡_files/cardCenter.css">
    <script src="/css/银行卡_files/saved_resource"></script>
    <link rel="stylesheet" type="text/css" charset="utf-8" href="/css/银行卡_files/header.css">
    <script src="/css/银行卡_files/jdwebm.js.下载"></script>
    <script async="" src="/css/银行卡_files/gatherInfo.js.下载"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="/js/plugins/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/plugins/jquery/jquery.min.js"></script>
    <script src="/js/plugins/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/myInfo.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css">
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/plugins/form/jquery.form.js"></script>
    <script>
        $(function () {
            //跳转到我的银行卡
            $("#saveBnt").click(function () {
                window.location.href = "/mine/addCard.html"
            })
            //获取当前登录的用户
            var user = JSON.parse(sessionStorage.getItem("user"));
            console.log(user);
            //查询的数据进行渲染
            $.get("/bankcards/" + user.id, function (data) {
                console.log(data);
                $(".drawing").renderValues({list: data});

            })
        })
    </script>
</head>
<body>
<input type="hidden" name="goBackUrl" id="goBackUrl" value="">
<input type="hidden" id="pwdLevel" value="2">
<input type="hidden" id="source" value="4">
<script>var PLAT = "browser", SOURCE = "4";</script>
<!--浏览器访问添加京东商城Head-->
<!-- 通用头 div -->
<link rel="stylesheet" type="text/css" href="/css/银行卡_files/header(1).css" charset="utf-8">
<div id="m_common_header" style="min-height:45px;">
    <header class="jd-header">
        <div class="jd-header-new-bar">
            <div report-eventid="MCommonHead_Back" class="jd-header-icon-back J_ping">
                <a href="/mine/myWallet.html">
                    <span></span></a></div>
            <div class="jd-header-new-title">我的螺窝窝</div>
            <div report-eventid="MCommonHead_NavigateButton"
                 report-eventparam="https://msc.jd.com/card/loginpage/wcoo/getBindList" id="m_common_header_jdkey"
                 class="jd-header-icon-new-shortcut J_ping"><span></span></div>
        </div>
    </header>
</div>
<script src="/css/银行卡_files/downloadAppPlugIn_imk2.js.下载" type="text/javascript"></script>
<script src="/css/银行卡_files/m_common2.1.js.下载" type="text/javascript"></script>
<script src="/css/银行卡_files/m_common_header_bottom2.1.js.下载" type="text/javascript"></script>
<script>
    (function () {
        var mchb = new MCommonHeaderBottom(),
            headerArg = {
                hrederId: 'm_common_header',
                title: '我的螺窝窝',
                sid: '',
                isShowShortCut: false,
                selectedShortCut: '4',
                onClickGoback: function () {
                    history.back()
                }
            };
//            headerArg = {hrederId : 'm_common_header', title:'我的京东', sid : '', isShowShortCut : false, selectedShortCut : '4'};
        mchb.header(headerArg);
    })();
</script>
<script>
    $(function () {
        //首页
        $(".homeBnt").click(function () {
            window.location.href = "/index.html";
        })
    })
</script>

<script>
    /**钱包页面设置标题标题栏*/
    (function () {
        var ua = navigator.userAgent;
        if (ua.match(/WalletClient/)) {
            if (ua.match(/(Android)\s+([\d.]+)/)) {
                try {
                    android.setTitleName(document.title)
                } catch (e) {
                }
            } else if (ua.match(/(iPhone\sOS)\s([\d_]+)/)) {
                openIframe('native://setTitleName?titleName=' + document.title);
            }
        }

        function openIframe(src) {
            var ifr = document.createElement('iframe');
            ifr.src = src;
            ifr.style.display = 'none';
            document.body.appendChild(ifr);
            setTimeout(function () {
                document.body.removeChild(ifr);
            }, 2000);
        }
    }());

    var pin = "F63WI7KPQ72VA4CHJGSPSTNW7E";
    var backRiskId = "";
    var riskEventid = "";
    var riskUuid = "";
    var reqSource = "4";
    var active = "";
    if (riskEventid) {
        document.cookie = "riskEventid=" + riskEventid + ";path=/;domain=.jd.com;";
    }
    if (riskUuid) {
        document.cookie = "riskUuid=" + riskUuid + ";path=/;domain=.jd.com;";
    }
    if (reqSource) {
        document.cookie = "reqSource=" + reqSource + ";path=/;domain=.jd.com;";
    }
    if (active) {
        document.cookie = "active=" + active + ";path=/;domain=.jd.com;";
    }
</script>

<script src="/css/银行卡_files/m.html"></script>
<script src="/css/银行卡_files/m.js.下载"></script>


<div class="card-center pct100 border-box abs-lt " style="position:static">
    <!-- 未激活 -->
    <ul class="card-list pt15rn mlr15rn">
    </ul>
    <div class="drawing">
        <div render-loop="list">
            <ul class="card-list pt15rn mlr15rn">
                <li style="background-color: #CA566B;">
                    <div class="info pr">
                        <div class="bank-icon bg-white pr abs-lm">
                            <img class="abs-mm" render-src="list.headImgUrl" alt="" onerror="imgError.call(this)">
                        </div>
                        <div class="info-bank abs-lm">
                            <input type="hidden" id="uniquePinCardIdEnc" value="cea693c90e3fb65df739e7b42e7cee96">
                            <input type="hidden" id="cardIdEnc" value="b037014ca4c3513c2ee0504b10556b4b">
                            <input type="hidden" id="isSelf" value="true">
                            <input type="hidden" id="isEdit" value="true">
                            <h4 class="fs16" id="bankName">
                                <i render-html="list.cardname"></i>
                            </h4>
                            <p class="fs12 pt5r" id="cardType" render-html="list.typeinfo">
                            </p>
                        </div>
                        <div class="fs12 info-tel abs-rt">手机尾号<span render-html="list.phone"></span>
                        </div>

                    </div>
                    <div class="card-no pr">
                        <div class="card-dot abs-lm">
                            <ul class="">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul class="">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul class="">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="abs-rm fs24 font-bold num" id="cardNoEnd"><span render-html="list.card"></span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div id="saveBnt">
            <a href="#">
                <div class="add-card pr mlr15rn">
                    <div class="word fs18 pr">添加银行卡</div>
                </div>
            </a>
        </div>
        <div class="help-box pr">
            <!--M站的帮助页需要多传个source字段，来标识m站，以便显示m站的头文件 -->
            <a href="https://m.jr.jd.com/spe/jrapphelp/helpcenter.html?qmCate=100404&amp;source=4"
               class="abs-rm fs14 help-btn">查看帮助</a>
        </div>
        <!--
        <img src="//static.360buyimg.com/finance/mobile/payment/cashiers/1.0.0/images/common/jrlogo.png?t=1539136627205" class="jrlogo abs-mb" alt="">
      -->
    </div>

    <div class="menu fixTop fullLayer z10 hidden">
        <div class="menu-list fixBottom pct100">
            <div class="feature">
                <h6 class="fs12 ptb15r ta-c">您可对建设银行尾号0788的信用卡进行操作</h6>
                <ul class="fs18">
                    <li class="bt red">删除</li>
                    <li class="bt blue">修改</li>
                    <li class="bt blue">激活</li>
                    <li class="bt red">解绑</li>
                </ul>
            </div>
            <div class="fcancel blue ta-c ptb20r fs18 font-bold">取消</div>
        </div>
    </div>


    <!-- 验证支付密码 -->
    <div class="dialog dialog-confirmPay fullLayer hidden abs-lt" style="position:fixed">
        <div class="mask fullLayer"></div>
        <div class="content abs-lb">
            <h2 class="ta-c fs18 ptb16r pr bb">
                <p>输入六位支付密码</p>
                <div class="arrow-box abs-lm">
                    <img src="/css/银行卡_files/close_btn.png" alt="" class="abs-rm">
                </div>
            </h2>
            <!-- 单独短密 -->
            <div class="confirm-box abs-lt pct100 type-short hidden">
                <div class="enter-box abs-lt pct100">
                    <div class="main-box pt15r">
                        <p class="tips">输入支付密码，进行安全验证</p>
                        <div class="code-box mlr30r pr">
                            <ul class="pwd-area ba bg-white auto">
                                <li class="br"></li>
                                <li class="br"></li>
                                <li class="br"></li>
                                <li class="br"></li>
                                <li class="br"></li>
                                <li></li>
                            </ul>
                            <input type="hidden" id="txt_shortPwd">
                            <div class="pt10r forget-pwd">
                                <a href="javascript:;" class="blue fr ptb5r">忘记密码</a>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="key-box abs-lb pct100">
                    <div class="keyboard pct100 abs-lt num hidden" id="keyboard_PKafH6oB">
                        <div class="abs-mt symbol bt border-box "><h5 class="abs-mm">安全键盘</h5>
                            <div class="arrow-box abs-rm "><a href="javascript:;" class="arrow-down abs-mm"></a></div>
                        </div>
                        <ul class="pct100 bt">
                            <li class="bb">
                                <div data-key="1"> 1</div>
                                <div data-key="2" class="br bl">2</div>
                                <div data-key="3"> 3</div>
                            </li>
                            <li class="bb">
                                <div data-key="4"> 4</div>
                                <div data-key="5" class="br bl"> 5</div>
                                <div data-key="6"> 6</div>
                            </li>
                            <li class="bb">
                                <div data-key="7"> 7</div>
                                <div data-key="8" class="br bl"> 8</div>
                                <div data-key="9"> 9</div>
                            </li>
                            <li class="bb">
                                <div class="bg-gray"></div>
                                <div data-key="0" class="br bl"> 0</div>
                                <div data-key="del" class="del bg-gray"><span class="abs-mm"></span></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 单独长密 -->
            <div class="confirm-box abs-lt pct100 type-long hidden">
                <div class="enter-box abs-lt pct100 extend">
                    <div class="main-box pt15r">
                        <p class="tips">输入支付密码，进行安全验证</p>
                        <ul class="user-info ba bg-white mlr15r">
                            <li class="info-pwd long">
                                <div class="info-con fs16 pr">
                                    <p class="fl dot-box"></p>
                                    <span class="custom-pointer fl v-h"></span>
                                    <p class="gray6 abs-lm pl12r fs16 custom-holder">支付密码是由数字、大小写字母组成</p>
                                </div>
                                <input type="hidden" id="txt_longPwd">
                                <div class="info-icon abs-rm hidden">
                                    <img src="/css/银行卡_files/clear_btn.png" class="abs-mm" alt="">
                                </div>
                            </li>
                        </ul>
                        <div class="pt10r forget-pwd">
                            <a href="javascript:;" class="blue fr ptb5r mlr15r">忘记密码</a>
                            <div class="clearfix"></div>
                        </div>
                        <div class="btn-box pt10r">
                            <a class="red-btn ta-c fs19 h48 disabled" href="javascript:;">
                                <span class="abs-mm"><i class="abs-lm"></i>确认删除</span>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="key-box abs-lb pct100">
                    <div class="keyboard pct100 abs-lb letter hidden type-letter" id="keyboard_9Lu14GqR">
                        <div class="abs-mt symbol bt border-box "><h5 class="abs-mm">安全键盘</h5>
                            <div class="arrow-box abs-rm "><a href="javascript:;" class="arrow-down abs-mm"></a></div>
                        </div><!--------  数字键盘 -------->
                        <ul class="pct100 bt num">
                            <li>
                                <div data-key="1">1</div>
                                <div data-key="2" class="br bl">2</div>
                                <div data-key="3">3</div>
                            </li>
                            <li class="bt">
                                <div data-key="4">4</div>
                                <div data-key="5" class="br bl">5</div>
                                <div data-key="6">6</div>
                            </li>
                            <li class="bt">
                                <div data-key="7">7</div>
                                <div data-key="8" class="br bl">8</div>
                                <div data-key="9">9</div>
                            </li>
                            <li class="bt">
                                <div class="fs18 bg-gray" data-key="fn_letter">ABC</div>
                                <div data-key="0" class="br bl">0</div>
                                <div data-key="fn_del" class="del bg-gray"><span class="abs-mm"></span></div>
                            </li>
                        </ul><!--------  字母键盘 -------->
                        <ul class="pct100 bt letter">
                            <li>
                                <div data-key="q">q</div>
                                <div data-key="w">w</div>
                                <div data-key="e">e</div>
                                <div data-key="r">r</div>
                                <div data-key="t">t</div>
                                <div data-key="y">y</div>
                                <div data-key="u">u</div>
                                <div data-key="i">i</div>
                                <div data-key="o">o</div>
                                <div data-key="p">p</div>
                            </li>
                            <li class="bt">
                                <div data-key="a">a</div>
                                <div data-key="s">s</div>
                                <div data-key="d">d</div>
                                <div data-key="f">f</div>
                                <div data-key="g">g</div>
                                <div data-key="h">h</div>
                                <div data-key="j">j</div>
                                <div data-key="k">k</div>
                                <div data-key="l">l</div>
                            </li>
                            <li>
                                <div data-key="fn_caps" class="bg-gray caps"><span class="abs-mm"></span></div>
                                <!-- 大小写切换 -->
                                <div data-key="z">z</div>
                                <div data-key="x">x</div>
                                <div data-key="c">c</div>
                                <div data-key="v">v</div>
                                <div data-key="b">b</div>
                                <div data-key="n">n</div>
                                <div data-key="m">m</div>
                                <div data-key="fn_del" class="bg-gray del"><span class="abs-mm"></span></div>
                                <!-- 删除 -->
                            </li>
                            <li class="bt">
                                <div data-key="fn_num" class="fs18 bg-gray">123</div> <!-- 123 -->
                                <div data-key=" " class="blank"><span class="abs-mm bb br bl"></span></div> <!-- 空格 -->
                                <div data-key="fn_char" class="fs16 bg-gray">#+=</div><!-- 符号 --></li>
                        </ul><!--------  字符键盘 -------->
                        <ul class="pct100 bt char">
                            <li>
                                <div data-key="!">!</div>
                                <div data-key="@">@</div>
                                <div data-key="#">#</div>
                                <div data-key="$">$</div>
                                <div data-key="%">%</div>
                                <div data-key="^">^</div>
                                <div data-key="&amp;">&amp;</div>
                                <div data-key="*">*</div>
                                <div data-key="(">(</div>
                                <div data-key=")">)</div>
                            </li>
                            <li class="bt">
                                <div data-key="&#39;">'</div>
                                <div data-key="&quot;">"</div>
                                <div data-key="=">=</div>
                                <div data-key="_">_</div>
                                <div data-key=":">:</div>
                                <div data-key=";">;</div>
                                <div data-key="?">?</div>
                                <div data-key="~">~</div>
                                <div data-key="|">|</div>
                                <div data-key="`">`</div>
                            </li>
                            <li>
                                <div data-key="+">+</div>
                                <div data-key="-">-</div>
                                <div data-key="\">\</div>
                                <div data-key="/">/</div>
                                <div data-key="[">[</div>
                                <div data-key="]">]</div>
                                <div data-key="{">{</div>
                                <div data-key="}">}</div>
                                <div data-key="fn_del" class="bg-gray del"><span class="abs-mm"></span></div>
                            </li>
                            <li>
                                <div data-key="fn_num" class="fs18 bg-gray">123</div>
                                <div data-key=".">.</div>
                                <div data-key=",">,</div>
                                <div data-key="&lt;">&lt;</div>
                                <div data-key="&gt;">&gt;</div>
                                <div data-key="€">€</div>
                                <div data-key="£">£</div>
                                <div data-key="¥">¥</div>
                                <div data-key="fn_letter" class="fs18 bg-gray">ABC</div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="header-shortcut-ul" class="homeBnt">
        <ul id="m_common_header_shortcut" class="jd-header-vertical-shortcut" style="display: none">
            <li id="m_common_header_shortcut_m_index"><a class="J_ping" report-eventid="MCommonHead_home"
                                                         report-eventparam="https://msc.jd.com/card/loginpage/wcoo/getBindList"><span
                    class="shortcut-index"
                    style="background: url() no-repeat center center;background-size: 15px"></span><strong>首页</strong></a>
            </li>
            <li id="m_common_header_shortcut_category_search"><a class="J_ping"
                                                                 report-eventid="MCommonHead_CategorySearch"
                                                                 report-eventparam="https://msc.jd.com/card/loginpage/wcoo/getBindList"
                                                                 href="myWallet.html"><span
                    class="shortcut-search"
                    style="background: url() no-repeat center center;background-size: 15px"></span><strong>我的钱包</strong></a>
            </li>
            <li id="m_common_header_shortcut_p_cart"><a class="J_ping" report-eventid="MCommonHead_Cart"
                                                        report-eventparam="https://msc.jd.com/card/loginpage/wcoo/getBindList"
                                                        href="https://p.m.jd.com/cart/cart.action"><span
                    class="shortcut-cart"
                    style="background: url() no-repeat center center;background-size: 15px"></span><strong>购物车</strong></a>
            </li>
            <li id="m_common_header_shortcut_h_home" class=" current"><a class="J_ping"
                                                                         report-eventid="MCommonHead_MYJD"
                                                                         report-eventparam="https://msc.jd.com/card/loginpage/wcoo/getBindList"
                                                                         href="https://home.m.jd.com/"><span
                    class="shortcut-home"
                    style="background: url() no-repeat center center;background-size: 15px"></span><strong>我的京东</strong></a>
            </li>
            <li id="m_common_header_shortcut_h_footprint"><a class="J_ping" report-eventid="MCommonHead_FootPrint"
                                                             report-eventparam="https://msc.jd.com/card/loginpage/wcoo/getBindList"
                                                             href="https://home.m.jd.com/myJd/history/wareHistory.action?functionId=liulanjilu"><span
                    class="shortcut-footprint"
                    style="background: url() no-repeat center center;background-size: 15px"></span><strong>浏览记录</strong></a>
            </li>
        </ul>
    </div>
    <div id="header-mask" style="display: none;"></div>
    <script type="text/javascript" src="/css/银行卡_files/proTools.js.下载"></script>
    <script type="text/javascript" src="/css/银行卡_files/cardCenter.js.下载"></script>
    <script type="text/javascript">


        function imgError() {
            this.src = '//mjr.jd.com/statics/bankicon/icon_bank-card_red.png';
        }

    </script>
    <!--aks js 隐藏域 begin -->
    <input type="hidden" name="input_userName" id="input_userName">
    <input type="hidden" name="input_passWord" id="input_passWord">
    <script type="text/javascript" src="/css/银行卡_files/cryptico.min.js.下载"></script>
    <script type="text/javascript" src="/css/银行卡_files/askCommon.js.下载"></script>
    <script src="/css/银行卡_files/getakspublickey.js.下载" type="text/javascript"></script>
    <!--aks js 隐藏域 end-->


    <div id="shSafetyPV" style="display: none;"></div>
</body>
</html>